<script setup lang="ts">
/**
 * @description 另一种样式
 */
const props = withDefaults(defineProps<{
  label: string
  height?: string | number
}>(), {
  label: '标签',
  height: '112',
})
</script>

<template>
  <view class="flex items-center px-25rpx" hover-class="bg-#F8F8F8" :style="{ height: `${props.height}rpx` }">
    <view class="w-200rpx flex-shrink-0 text-28rpx text-#333333 leading-40rpx">
      {{ props.label }}
    </view>
    <view class="flex-1">
      <slot />
    </view>
  </view>
</template>
